<template>
	<div class="theme">
		<router-view :key="key"></router-view>
		<van-tabbar v-model="active" route>
			<van-tabbar-item icon="home-o" to="/">页面一</van-tabbar-item>
			<van-tabbar-item icon="search" to="/Test">页面二</van-tabbar-item>
			<van-tabbar-item icon="friends-o" to="/Login">页面三</van-tabbar-item>
			<van-tabbar-item icon="setting-o" to="/Mine">页面四</van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	let _this;
	export default {
		name: 'Index',
		components: {},
		props: {},
		data() {
			return {
				active: 0
			};
		},
		beforeCreate() {
			_this = this;
		},
		watch: {},
		computed: {
			key() {
				return this.$route.name !== undefined ? this.$route.name + new Date() : this.$route + new Date();
			}
		},
		methods: {},
		created() {},
		mounted() {},
		destroyed() {

		},
		filters: {}
	};
</script>

<style lang="less" scoped>
	.message {
		color: #000;
	}
</style>